<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/imports.css">
    <script src="js/jquery-3.3.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>



</head>
<body>

<header class="header bg">
    <div class="container-fluid borderB visible-lg-block visible-md-block">
        <div class="headerTop container">

            <ul class="visible-lg-block nav navbar-nav navbar-left" id="navList">
                <li >
                    <a href="">
                        <em class="glyphicon glyphicon-envelope"></em>
                        Contact Us
                    </a>
                </li>
                <li>
                    <a href="">
                        <em class="glyphicon glyphicon-plus"></em>
                        Join the Travel
                    </a>
                </li>
                <li>
                    <a href="">
                        <em class="glyphicon glyphicon-pencil"></em>
                        Sign in
                    </a>
                </li>
            </ul>
            <div class="nav-top-right">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href=""><i class="fa fa-facebook fa-fw" style="color: #fff;"></i></a></li>
                    <li><a href=""><i class="fa fa-google-plus fa-fw" style="color: #fff;"></i></a></li>
                    <li><a href=""><i class="fa fa-twitter fa-fw " style="color: #fff;"></i></a></li>
                    <li><a href=""><i class="fa fa-instagram fa-fw" style="color: #fff;"></i></a></li>
                </ul>
                <form class="navbar-form navbar-search" action="http://www.baidu.com">
                    <div class="form-group" id="searchInput">
                        <input type="text" class="form-control" placeholder="Search">
                    </div>
                    <button class="btn btn-default" id="showSearch"><span class="fa fa-search"></span></button>
                </form>
            </div>
        </div>
    </div>


    <div class="container">
        <div class="navbar-header  logo-brand">
            <a href="" class="navbar-brand">
                <img src="images/logo.png" alt="">
                <span class="">&nbsp; Travel Tour</span>
            </a>
        </div>
        <a  class="navbar-toggle" type="button" data-toggle="collapse"  data-target="#navbar-main" style="font-size: 20px; line-height: 30px;color: #f2dede">
            <span class="glyphicon glyphicon-th-list"></span>
        </a>

        <nav class="navbar-collapse collapse" id="navbar-main">
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown show-on-hover">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Destinations <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li class="dropdown-submenu show-on-hover">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="detail.html">
                                Africa
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu">
                                <li><a href="detail.html">Algeria</a></li>
                                <li><a href="detail.html">Cape Verde</a></li>
                                <li><a href="detail.html">Egypt</a></li>
                                <li><a href="detail.html">Ghana</a></li>
                                <li><a href="detail.html">Kenya</a></li>
                                <li><a href="detail.html">Morocco</a></li>
                                <li><a href="detail.html">South Africa</a></li>
                                <li><a href="detail.html">Uganda</a></li>
                                <li><a href="detail.html">Western Sahara</a></li>
                                <li><a href="#">Zambia</a></li>
                            </ul>
                        </li>
                        <li class="dropdown-submenu show-on-hover">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="">Asia<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Bhutan</a></li>
                                <li><a href="#">Cambodia</a></li>
                                <li><a href="#">China</a></li>
                                <li><a href="#">India</a></li>
                                <li><a href="#">Japan</a></li>
                                <li><a href="#">Malaysia</a></li>
                                <li><a href="#">Nepal</a></li>
                                <li><a href="#">Singapore</a></li>
                                <li><a href="#">Thailand</a></li>
                                <li><a href="#">Vietnam</a></li>
                            </ul>
                        </li>
                        <li class="dropdown-submenu show-on-hover">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="">Canada<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Alberta</a></li>
                                <li><a href="#">British Columbia</a></li>
                                <li><a href="#">Montréal</a></li>
                                <li><a href="#">Nova Scotia</a></li>
                                <li><a href="#">Ontario</a></li>
                                <li><a href="#">Québec</a></li>
                                <li><a href="#">Toronto</a></li>
                                <li><a href="#">Vancouver</a></li>

                            </ul>
                        </li>
                        <li class="dropdown-submenu show-on-hover">
                            <a class="dropdown-toggle" data-toggle="dropdown" href=" ">Central America <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Belize</a></li>
                                <li><a href="#">Costa Rica</a></li>
                                <li><a href="#">El Salvador</a></li>
                                <li><a href="#">Guatamala</a></li>
                                <li><a href="#">Honduras</a></li>
                                <li><a href="#">Nicaragua</a></li>
                                <li><a href="#">Panama</a></li>
                            </ul>
                        </li>
                        <li class="dropdown-submenu show-on-hover">
                            <a class="dropdown-toggle" data-toggle="dropdown" href=" ">Europe<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Belgium</a></li>
                                <li><a href="#">Denmark</a></li>
                                <li><a href="#">France</a></li>
                                <li><a href="#">Greece</a></li>
                                <li><a href="#">Ireland</a></li>
                                <li><a href="#">Sweden</a></li>
                                <li><a href="#">Spain</a></li>
                                <li><a href="#">Ukraine</a></li>
                                <li><a href="#">United Kingdom</a></li>
                            </ul>
                        </li>

                        <li class="dropdown-submenu show-on-hover">
                            <a class="dropdown-toggle" data-toggle="dropdown" href=" ">United States<span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Alaska</a></li>
                                <li><a href="#">California</a></li>
                                <li><a href="#">Florida</a></li>
                                <li><a href="#">Georgia</a></li>
                                <li><a href="#">Hawaii</a></li>
                                <li><a href="#">New York</a></li>
                                <li><a href="#">Nevada</a></li>
                                <li><a href="#">Texas</a></li>
                                <li><a href="#">Utah</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>

                <li class="dropdown show-on-hover">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Explore<span class="caret"></span></a>

                    <ul class="dropdown-menu">
                        <li><a href="#">Adventure</a></li>
                        <li><a href="#">Beaches</a></li>
                        <li><a href="#">City Life</a></li>
                        <li><a href="#">Culture &amp; History</a></li>
                        <li><a href="#">Family Fun</a></li>
                        <li><a href="#">Mountains</a></li>
                        <li><a href="#">Off the Beaten Path</a></li>
                        <li><a href="#">Stunning Vistas</a></li>
                    </ul>
                </li>

                <li><a href="#">News &amp; Articles</a></li>
                <li><a href="#">Specials</a></li>
            </ul>
        </nav>
        <div class="clearfix"></div>
    </div>
</header>
<section class="banner" style="background-image: url(images/hero-1.jpg)">
    <div class="container">
        <div class="text-banner">
            <h1 class="text-banner-title">Purchase Today. Just $64</h1>
            <p class="text-banner-p">Create Your Next Tour & Travel Site</p>
            <p class="text-banner-grounp">
                <span>FEATURED DESTINATIONS</span>
                <button class="btn btn-group-xs btn-primary">
                    Find More
                    <span class="fa fa-angle-right"></span>
                </button>
            </p>
        </div>
    </div>


</section>
<section class="card-defail">
   <div class="container">
       <div class="row ">

           <div class=" col-md-3 col-sm-6 col-xs-12">
               <article class="card-images">
                   <a href="" class="featured-image" style="background-image: url(images/featured-destination-1.jpg)"></a>
                   <dl class="card-details">
                       <dt>Sydney, Australia</dt>
                       <dd>
                           <span class="fa fa-map-marker"></span>
                           <span class=""> Oceania</span>
                       </dd>
                   </dl>
               </article>
           </div>
           <div class="col-md-3 col-sm-6 col-xs-12">
               <article class="card-images">
                   <a href="" class="featured-image"  style="background-image: url(images/featured-destination-2.jpg)">s</a>
                   <dl class="card-details">
                       <dt>Sydney, Australia</dt>
                       <dd>
                           <span class="fa fa-map-marker"></span>
                           <span class=""> Oceania</span>
                       </dd>
                   </dl>
               </article>
           </div>
           <div class="col-md-3 col-sm-6 col-xs-12">
               <article class="card-images">
                   <a href=""  class="featured-image" style="background-image: url(images/featured-destination-3.jpg)">s</a>
                   <dl class="card-details">
                       <dt>Sydney, Australia</dt>
                       <dd>
                           <span class="fa fa-map-marker"></span>
                           <span class=""> Oceania</span>
                       </dd>
                   </dl>
               </article>
           </div>
           <div class="col-md-3 col-sm-6 col-xs-12">
               <article class="card-images">
                   <a href=""  class="featured-image" style="background-image: url(images/featured-destination-4.jpg)">s</a>
                   <dl class="card-details">
                       <dt>Sydney, Australia</dt>
                       <dd>
                           <span class="fa fa-map-marker"></span>
                           <span class=""> Oceania</span>
                       </dd>
                   </dl>
               </article>
           </div>
       </div>

   </div>
</section>
<div class="clearfix"></div>
<section class="nav-search">
   <div class="container">
       <div class="row">
           <div class="col-md-4 col-xs-12">
              <figure style="text-align:center">
                  <img src="images/logo-symbol-complex-colors.png" alt="" width="100%">
              </figure>
           </div>
           <div class="col-md-8 col-xs-12">
               <h3 style="text-align: center;">Be more than just another traveler when you <em class="text-primary">Travel Tour</em></h3>
               <form class="big-search form-inline">
                   <input type="text" class="form-control" placeholder="Find Your Next Destination...">
                   <button class="btn glyphicon glyphicon-search"></button>
               </form>
           </div>
       </div> <!-- /.row -->
   </div>
</section>
<div class="clearfix"></div>

<section class="regular-background">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-xs-12 regular-background-card">
               <header>
                   <h3>Adventure Seekers</h3>
                   <p>With endless hiking trails, these destinations will satisfy the wildest Travel</p>
               </header>
                <div class="panel-card">
                    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                        <!--1-->
                        <div class="panel panel-default" style="background-image:url('images/destinations-20-960x540.jpg');">
                            <div id="collapseOne" class="panel-collapse collapse in">
                                <div class="panel-body">
                                    <button  class="btn-show btn btn-info btn-lg">DETAILS <span class="fa fa-arrow-right"></span> </button>
                                </div>
                            </div>
                            <div class="panel-heading">
                                <a href="#collapseOne" data-toggle="collapse" data-parent="#accordion" aria-expanded="true" aria-controls="collapseOne">
                                    <div class="panel-image">
                                        <span class="fa fa-map-marker"></span>
                                    </div>
                                    <div class="panel-address">
                                        <h4>Buenos Aires, Argentina</h4>
                                        <p>South America</p>
                                    </div>
                                    <div class="clearfix"></div>
                                </a>
                            </div>

                        </div>
                        <!--2-->
                        <div class="panel panel-default" style="background-image:url('images/destinations-11-960x540.jpg');">
                            <div id="collapseTow" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <button  class="btn-show btn btn-info btn-lg">DETAILS <span class="fa fa-arrow-right"></span> </button>
                                </div>
                            </div>
                            <div class="panel-heading">
                                <a href="#collapseTow" data-toggle="collapse" data-parent="#accordion" aria-expanded="true" aria-controls="collapseOne">
                                    <div class="panel-image">
                                        <span class="fa fa-map-marker"></span>
                                    </div>
                                    <div class="panel-address">
                                        <h4>Buenos Aires, Argentina</h4>
                                        <p>South America</p>
                                    </div>
                                    <div class="clearfix"></div>
                                </a>
                            </div>

                        </div>
                        <!--3-->
                        <div class="panel panel-default" style="background-image:url('images/destinations-10-960x540.jpg');">
                            <div id="collapseThree" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <button href=""  class="btn-show btn btn-info btn-lg">DETAILS <span class="fa fa-arrow-right"></span> </button>
                                </div>
                            </div>
                            <div class="panel-heading">
                                <a href="#collapseThree" data-toggle="collapse" data-parent="#accordion" aria-expanded="true" aria-controls="collapseOne">
                                    <div class="panel-image">
                                        <span class="fa fa-map-marker"></span>
                                    </div>
                                    <div class="panel-address">
                                        <h4>Buenos Aires, Argentina</h4>
                                        <p>South America</p>
                                    </div>
                                    <div class="clearfix"></div>
                                </a>
                            </div>

                        </div>

                    </div>

                </div>
                <footer class="">
                    <a href="#" style="float: right">Find More &nbsp; <i class="fa fa-arrow-right"></i></a>
                    <div class="clearfix"></div>
                </footer>

            </div>
            <div class="col-md-4 col-xs-12 regular-background-card">
                <header>
                    <h3>Beach Lovers</h3>
                    <p>Head for a swim and relax on the warm, golden sand. Life's a beach!</p>
                </header>
                <div class="panel-card">
                    <div class="panel-group" id="accordion-2" role="tablist" aria-multiselectable="true">
                        <!--1-->
                        <div class="panel panel-default" style="background-image:url('images/destinations-14-960x540.jpg');">
                            <div id="collapseOne-2" class="panel-collapse collapse in">
                                <div class="panel-body">
                                    <button  class="btn-show btn btn-info btn-lg">DETAILS <span class="fa fa-arrow-right"></span> </button>
                                </div>
                            </div>
                            <div class="panel-heading">
                                <a href="#collapseOne-2" data-toggle="collapse" data-parent="#accordion-2" aria-expanded="true" aria-controls="collapseOne">
                                    <div class="panel-image">
                                        <span class="fa fa-map-marker"></span>
                                    </div>
                                    <div class="panel-address">
                                        <h4>Buenos Aires, Argentina</h4>
                                        <p>South America</p>
                                    </div>
                                    <div class="clearfix"></div>
                                </a>
                            </div>

                        </div>
                        <!--2-->
                        <div class="panel panel-default" style="background-image:url('images/destinations-13-960x540.jpg');">
                            <div id="collapseTow-2" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <button  class="btn-show btn btn-info btn-lg">DETAILS <span class="fa fa-arrow-right"></span> </button>
                                </div>
                            </div>
                            <div class="panel-heading">
                                <a href="#collapseTow-2" data-toggle="collapse" data-parent="#accordion-2" aria-expanded="true" aria-controls="collapseOne">
                                    <div class="panel-image">
                                        <span class="fa fa-map-marker"></span>
                                    </div>
                                    <div class="panel-address">
                                        <h4>Buenos Aires, Argentina</h4>
                                        <p>South America</p>
                                    </div>
                                    <div class="clearfix"></div>
                                </a>
                            </div>

                        </div>
                        <!--3-->
                        <div class="panel panel-default" style="background-image:url('images/destinations-5-960x540.jpg');">
                            <div id="collapseThree-2" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <button href=""  class="btn-show btn btn-info btn-lg">DETAILS <span class="fa fa-arrow-right"></span> </button>
                                </div>
                            </div>
                            <div class="panel-heading">
                                <a href="#collapseThree-2" data-toggle="collapse" data-parent="#accordion-2" aria-expanded="true" aria-controls="collapseOne">
                                    <div class="panel-image">
                                        <span class="fa fa-map-marker"></span>
                                    </div>
                                    <div class="panel-address">
                                        <h4>Buenos Aires, Argentina</h4>
                                        <p>South America</p>
                                    </div>
                                    <div class="clearfix"></div>
                                </a>
                            </div>

                        </div>

                    </div>

                </div>
                <footer class="">
                    <a href="#" style="float: right">Find More &nbsp; <i class="fa fa-arrow-right"></i></a>
                    <div class="clearfix"></div>
                </footer>
            </div>
            <div class="col-md-4 col-xs-12 regular-background-card">
                <header>
                    <h3>Crowd Escapers</h3>
                    <p>Step away from the crowd, explore places where you'll feel no one has ever been before.</p>
                </header>
                <div class="panel-card">
                    <div class="panel-group" id="accordion-3" role="tablist" aria-multiselectable="true">
                        <!--1-->
                        <div class="panel panel-default" style="background-image:url('images/destinations-22-960x540.jpg');">
                            <div id="collapseOne-3" class="panel-collapse collapse in">
                                <div class="panel-body">
                                    <button  class="btn-show btn btn-info btn-lg">DETAILS <span class="fa fa-arrow-right"></span> </button>
                                </div>
                            </div>
                            <div class="panel-heading">
                                <a href="#collapseOne-3" data-toggle="collapse" data-parent="#accordion-3" aria-expanded="true" aria-controls="collapseOne">
                                    <div class="panel-image">
                                        <span class="fa fa-map-marker"></span>
                                    </div>
                                    <div class="panel-address">
                                        <h4>Buenos Aires, Argentina</h4>
                                        <p>South America</p>
                                    </div>
                                    <div class="clearfix"></div>
                                </a>
                            </div>

                        </div>
                        <!--2-->
                        <div class="panel panel-default" style="background-image:url('images/destinations-19-960x540.jpg');">
                            <div id="collapseTow-3" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <button  class="btn-show btn btn-info btn-lg">DETAILS <span class="fa fa-arrow-right"></span> </button>
                                </div>
                            </div>
                            <div class="panel-heading">
                                <a href="#collapseTow-3" data-toggle="collapse" data-parent="#accordion-3" aria-expanded="true" aria-controls="collapseOne">
                                    <div class="panel-image">
                                        <span class="fa fa-map-marker"></span>
                                    </div>
                                    <div class="panel-address">
                                        <h4>Buenos Aires, Argentina</h4>
                                        <p>South America</p>
                                    </div>
                                    <div class="clearfix"></div>
                                </a>
                            </div>

                        </div>
                        <!--3-->
                        <div class="panel panel-default" style="background-image:url('images/destinations-21-960x540.jpg');">
                            <div id="collapseThree-3" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <button href=""  class="btn-show btn btn-info btn-lg">DETAILS <span class="fa fa-arrow-right"></span> </button>
                                </div>
                            </div>
                            <div class="panel-heading">
                                <a href="#collapseThree-3" data-toggle="collapse" data-parent="#accordion-3" aria-expanded="true" aria-controls="collapseOne">
                                    <div class="panel-image">
                                        <span class="fa fa-map-marker"></span>
                                    </div>
                                    <div class="panel-address">
                                        <h4>Buenos Aires, Argentina</h4>
                                        <p>South America</p>
                                    </div>
                                    <div class="clearfix"></div>
                                </a>
                            </div>

                        </div>

                    </div>

                </div>
                <footer class="">
                    <a href="#" style="float: right">Find More &nbsp; <i class="fa fa-arrow-right"></i></a>
                    <div class="clearfix"></div>
                </footer>
            </div>
        </div>
    </div>
</section>



<section class="featured-images">
    <div id="myCarousel" class="carousel slide">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="item active"  style="background-image: url(images/destination-1.jpg)">
                <div class="grey-bg"></div>
                <div class="container carousel-caption">
                    <div class="row">
                        <div class="col-sm-12 col-md-12 col-lg-offset-5">
                            <article>
                                <h3>Algarve, Portugal</h3>
                                <p class="lead">The Algarve is Portugal's most popular holiday destination....</p>
                                <a href="#" class="btn btn-primary btn-lg">Read More &nbsp; <i class="fa fa-angle-right"></i></a>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item" style="background-image: url(images/destination-2.jpg)">
                <div class="grey-bg"></div>
                <div class="container carousel-caption">
                   <div class="row">

                    <div class="col-sm-12 col-md-12 col-lg-offset-5">
                        <article>
                            <h3>South America</h3>
                            <p class="lead">Nestled between the Caribbean, the South Pacific, and the South Atlantic Oceans, South America is the wilder of the Americas, and a continent of superlatives...</p>
                            <a href="#" class="btn btn-primary btn-lg">Read More &nbsp; <i class="fa fa-angle-right"></i></a>
                        </article>
                    </div>
                </div>
              </div>
            </div>
            <div class="item" style="background-image: url(images/destination-3.jpg)">
                <div class="grey-bg"></div>
                <div class="container carousel-caption">
                    <div class="row">

                        <div class="col-sm-12 col-md-6 col-lg-offset-5">
                            <article>
                                <h3>Scala dei Turchi, Italy</h3>
                                <p class="lead">Near southern Sicily, the Scala has become an attraction thanks to its unusual white color. Formed by a sedimentary rock with a distinct white color ...</p>
                                <a href="#" class="btn btn-primary btn-lg">Read More &nbsp; <i class="fa fa-angle-right"></i></a>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item" style="background-image: url(images/destination-4.jpg)">
                <div class="grey-bg"></div>
                <div class="container carousel-caption">
                    <div class="row">

                        <div class="col-sm-12 col-md-12 col-lg-offset-5">
                            <article>
                                <h3>North America</h3>
                                <p class="lead">North America consists of three large nations and one large island territory: Canada, United States of America, Mexico and Greenland...</p>
                                <a href="#" class="btn btn-primary btn-lg">Read More &nbsp; <i class="fa fa-angle-right"></i></a>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item" style="background-image: url(images/destination-5.jpg)">
                <div class="grey-bg"></div>
                <div class="container carousel-caption">
                    <div class="row">

                        <div class="col-sm-12 col-md-7 col-lg-offset-5">
                            <article>
                                <h3>Scala dei Turchi, Italy</h3>
                                <p class="lead">Near southern Sicily, the Scala has become an attraction thanks to its unusual white color. Formed by a sedimentary rock with a distinct white color ...</p>
                                <a href="#" class="btn btn-primary btn-lg">Read More &nbsp; <i class="fa fa-angle-right"></i></a>
                            </article>
                        </div>
                    </div>
                </div>
            </div>
            <a href="#myCarousel" data-slide="prev" class="carousel-control left"><span class="fa fa-angle-left right"></span></a>
            <a href="#myCarousel" data-slide="next" class="carousel-control right"><span class="fa fa-angle-right"></span></a>
        </div>

    </div>
</section>


<section class="regular">
    <div class="container">
        <div class="regular-title">
            <h3>News Articles & Blogs</h3>
            <span>
                <a href="" class="btn btn-primary btn-sm">Find More &nbsp;<span class="fa fa-arrow-right"></span></a>
            </span>
        </div>
        <div class="row">
            <div class="col-md-3 col-sm-6 col-xs-12">
                <a href="" class="regular-figure" style="background-image: url(images/blog-5-600x800.jpg)">
                    <div class="regular-figure-bottom">
                        <h2 class="entry-title">Living the Travel Lifestyle</h2>
                        <footer>
                            <span><span class="glyphicon glyphicon-user">&nbsp;</span>Author Name</span>
                            <time>11/12/2014</time>
                            <div class="clearfix"></div>
                        </footer>
                    </div>
                </a>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <a href="" class="regular-figure" style="background-image: url(images/blog-1-600x800.jpg)">
                    <div class="regular-figure-bottom">
                        <h2 class="entry-title">Unusual Places to Consider Visiting</h2>
                        <footer>
                            <span><span class="glyphicon glyphicon-user">&nbsp;</span>Author Name</span>
                            <time>11/12/2014</time>
                            <div class="clearfix"></div>
                        </footer>
                    </div>
                </a>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <a href="" class="regular-figure" style="background-image: url(images/blog-3-600x800.jpg)">
                 <div class="regular-figure-bottom">
                    <h2 class="entry-title">8 Useful Tools for Planning a Great Trip</h2>
                    <footer>
                        <span><span class="glyphicon glyphicon-user">&nbsp;</span>Author Name</span>
                        <time>11/12/2014</time>
                        <div class="clearfix"></div>
                    </footer>
                </div>
            </a></div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <a href="" class="regular-figure" style="background-image: url(images/blog-4-600x800.jpg)">
                    <div class="regular-figure-bottom">
                        <h2 class="entry-title">Choosing Your Next Vacation Destination</h2>
                        <footer>
                            <span><span class="glyphicon glyphicon-user">&nbsp;</span>Author Name</span>
                            <time>11/12/2014</time>
                            <div class="clearfix"></div>
                        </footer>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>
<footer class="footer-body">
    <div class="container">
        <div class="col-md-9">
           <div class="footer-left">
               <p style="font-size:14px; color:#aaa;">
                   <a href="#">About Us</a> &nbsp; | &nbsp;
                   <a href="#">Sign in</a> &nbsp; | &nbsp;
                   <a href="#">Be an Travel</a> &nbsp; | &nbsp;
                   <a href="#">Destinations</a> &nbsp; | &nbsp;
                   <a href="#">Blog</a> &nbsp; | &nbsp;
                   <a href="#">Contact us</a>
               </p>
               <p style="font-size:14px; color: #999; margin:2rem 0 0 0;">
                   <strong>An HTML travel template for destinations, guides, blogs, hotels, resorts, tours, vacations, events, and more for a perfect travel experience!</strong>

                   <br>Created by
                   <a href="index.html" target="_blank">Parallelus</a>
                   and available for purchase on
                   <a href="index.html" target="_blank">ThemeForest</a>.
               </p>
           </div>
        </div>
        <div class="col-md-3">
            <div class="visible-md-block visible-lg-block">
                <img src="images/logo-symbol-complex-colors.png" alt="" width="100%">
            </div>
        </div>
    </div>
</footer>
</body>
</html>